<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>AJax</title>
		<link rel="shortcut icon" href="img/favicon.ico">
		<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
		<script type="text/javascript" src="js/new_file.js"></script>
		<link rel="stylesheet" href="css/new_file.css" type="text/css"/>
	</head> 
	<body>
		<input type="button" id="type1" value="异步加载1个html网页" />
		<div id='box1'></div>
		
		<input type="button" id="type2" value="异步加载本地数据" />
		<div id='box2'></div>
		
		<select id="type2_c">
			<option>2</option>
		</select>
		<select id="type3_c">
			<option value="北京">北京</option>
			<option value="天津">天津</option>
			<option value="湖北">湖北</option>
			<option value="河北">河北</option>
			
		</select>
		<input type="button" id="type3" value="异步加载服务器端数据" />
		<div id='box3'></div>       
	</body>
</html>
